/*
to do list
link color
	error codes
	pop-ups
	button
		purchase
		other actions
	text color
	dark mode
	ssl certificate
	user portal
	user sign
	force field/enhanced protection
	input fields
		checkboxes
	secondary/backup buttons
	game button
	logo/icon
	thinking image
	blocked image
	disconnected image
	edge - logo/branding
	control buttons
	game div
	scoreboard
	left navigation "edge"
		hover info shows
	search box
	topsites
	script asynchronous load info
*/

/* Extra small devices (phones, 600px and down)
//if screen size = phone (not noticeable), provide this
@media only screen and (max-width: 600px)
{*/
	div#navDiv
	{
		background-color: black; 
		height: 11.18%;
		width: 100%;
		border-style: solid; 
	}
	div#purpleBlanket
	{
		background-color: purple; 
		height: 88.72%; 
		width: 100%; 
		display: table;
	}
	body
	{
		/*background-color: purple; */
	}
	div#ruleEnforcement
	{
		margin: 2.7% auto; 
		width: 79%; 
		height: 81%; 
		background-color: blue; 
		border-style: solid; 
		border-width: 2px; 
		border-color: black; 
		display: flex; 
		overflow: scroll; 
		display: table;

	}
	table
	{
		height: 100%; 
		top: 0; 
		bottom: 0; 
		flex: 1;
	}
	tr
	{
		width: 100%; 
		height: inherit;
	}
	td.links
	{
		background-color: black; 
		width: 33.2%; 
		border: 0px;
	}
	td.videoPlayer
	{
		width: 66.5%; 
		border: 0px;
	}
	div.button
	{
		background: teal; 
		height: 20%; 
		width: 20%; 
		margin: 5%; 
		border-style: outset; 
		border-color: black; 
		object-fit: contain; 
		text-align: center; 
		padding: 2%;
		display: block;
		position: relative;
	}
	p
	{
		position: absolute;
		right: 0;
	}


//if screen size = desktop (gaping), provide this
@media only screen and (min-width: 600px)
{
/*
  !1lI!l1!ll1!!11111|||||||||||||||||||||||||||||||||||||
  !                                                     |
  !                                                     |
  !                                                     |
  !	#navDiv                                         |
  !	{                                               |
  !		background-color: black;                |
  !		height: 20.5%;                          |
  !		width: 100%                             |
  !	}                                               |
  !	#purpleBlanket                                  |
  !	{                                               |
  !		background-color: purple;               |
  !		height: 85.07%;                         |
  !		width: 100%;                            |
  !		display: table"                         |
  !	}                                               |
  !	body                                            |
  !	{                                               |
  !		//background-color: purple;             |
  !	}                                               |
  !	#ruleEnforcement                                |
  !	{                                               |
  !		margin: 2.7% auto;                      |
  !		width: 79%;                             |
  !		height: 81%;                            |
  !		background-color: blue;                 |
  !		border-style: solid;                    |
  !		border-width: 2px;                      |
  !		border-color: black;                    |
  !		display: flex;                          |
  !		overflow: scroll;                       |
  !		display: table;                         |
  !                                                     |
  !                                                     |
  !                                                     |
  !l1!ll1!ll!11111111111|||||||||||||||||||||||||||||||||
}
*/